<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>输入框和导航组件</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <style>

    </style>
</head>
<body style="margin: 200px;">
<!--导航组件-->
<ul class="nav nav-tabs">
    <li class="active"><a href="">首页</a></li>
    <li><a href="">咨询</a></li>
    <li><a href="">项目</a></li>
    <li><a href="">关于</a></li>
</ul>
<br/>
<ul class="nav nav-pills">
    <li class="active"><a href="">首页</a></li>
    <li><a href="">咨询</a></li>
    <li><a href="">项目</a></li>
    <li><a href="">关于</a></li>
</ul>
<br/>
<ul class="nav nav-pills nav-stacked">
    <li class="active"><a href="">首页</a></li>
    <li><a href="">咨询</a></li>
    <li><a href="">项目</a></li>
    <li><a href="">关于</a></li>
</ul>
<br/>
<ul class="nav nav-tabs nav-justified">
    <li class="active"><a href="">首页</a></li>
    <li><a href="">咨询</a></li>
    <li><a href="">项目</a></li>
    <li class="dropdown">
        <a href="" data-toggle="dropdown">
            下拉菜单
            <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
            <li><a href="">首页</a></li>
            <li><a href="">质询</a></li>
            <li><a href="">唱吧</a></li>
            <li><a href="">妹妹</a></li>
        </ul>
    </li>
    <li><a href="">关于</a></li>
</ul>



</body>
</html>